<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>技术文章</title>
		<link rel="stylesheet" href="../css/H-ui.reset.css" />
		<link rel="stylesheet" href="../css/java.css" />
	</head>
	<body>
		<!--头部-->
		<div class="toubu">
			<div class="gong clearfix">
				<div class="logo ">
					<img src="../images/logo.png"/>
				</div>
				<div class="fr-li">
					<ul class="clearfix">
						<li><a href="#">视频教程</a></li>
					    <li><a href="#">技术文章</a></li>
					    <li><a href="#">社区问答</a></li>
				    	<li><a href="#">关于我们</a></li>
					</ul>
				</div>
				<div class="clearfix fr ft">
				<div class="search fl">
					<div class="sea_txt">
						<input type="text" placeholder="搜索您需要的资料" id="search">
						<a href="#" class="sear"><i class="icon-search"></i> 搜索</a>
					</div>
			     </div>
			     <div class="typeShowUser">
					<a href="javascript:delogo();" class="loginName">请登录</a>
					<a href="javascript:deReg();" class="loginNames">免费注册</a>
				</div>
				</div>
			</div>
		</div>
		<!--关于云智库-->
		<div class="Technicaar clearfix">
			<div class="a4-28 fl">
				<div class="bs">
					<div>
						<ul class="clearfix">
							<li><a href="#" class="lb">全部</a></li>
							<li><a href="#">编程语言</a></li>
							<li><a href="#">人工智能数据</a></li>
							<li><a href="#">前端开发</a></li>
							<li><a href="#">后端开发</a></li>
							<li><a href="#">移动端开发</a></li>
						</ul>
					</div>
				</div>
				<div class="bt">
					<h2 class="h4">
						技术文章
						<a href="#" class="fr">更多</a>
					</h2>
					<div class="artifact">
						<ul>
							<li class="clearfix">
							  <div class="div1 fl">
							  	<a href="#"><img src="../images/yd.png"></a>
							  </div>
								<div class="save fr">
									<a href="#">一键帮你节省 69% 的设计时间：10个有毒的设计神器</a>
									<p><a href="">这篇文章一口气为大家带来10个有毒的设计神器 ，毒性有多强？包你上瘾！以下神器都是在线工具，无需下载。由于担心大家过目就忘，本人亲身试毒，制作了超多案例，希望能给大家一。</a></p>
									<h2 class="h2">
										<span class="fl">发表者：3年2班程远</span>
										<span class="fr f2">2018-4-23</span>
									</h2>
								</div>
							</li>
							<li class="clearfix">
							 <div class="div1 fl">
							  	<a href="#"><img src="../images/yd.png"></a>
							  </div>
								<div class="save fr">
									<a href="#">一键帮你节省 69% 的设计时间：10个有毒的设计神器</a>
									<p><a href="">这篇文章一口气为大家带来10个有毒的设计神器 ，毒性有多强？包你上瘾！以下神器都是在线工具，无需下载。由于担心大家过目就忘，本人亲身试毒，制作了超多案例，希望能给大家一。</a></p>
									<h2 class="h2">
										<span class="fl">发表者：3年2班程远</span>
										<span class="fr f2">2018-4-23</span>
									</h2>
								</div>
							</li>
							<li class="clearfix">
							 <div class="div1 fl">
							  	<a href="#"><img src="../images/yd.png"></a>
							  </div>
								<div class="save fr">
									<a href="#">一键帮你节省 69% 的设计时间：10个有毒的设计神器</a>
									<p><a href="">这篇文章一口气为大家带来10个有毒的设计神器 ，毒性有多强？包你上瘾！以下神器都是在线工具，无需下载。由于担心大家过目就忘，本人亲身试毒，制作了超多案例，希望能给大家一。</a></p>
									<h2 class="h2">
										<span class="fl">发表者：3年2班程远</span>
										<span class="fr f2">2018-4-23</span>
									</h2>
								</div>
							</li>
							<li class="clearfix">
							 <div class="div1 fl">
							  	<a href="#"><img src="../images/yd.png"></a>
							  </div>
								<div class="save fr">
									<a href="#">一键帮你节省 69% 的设计时间：10个有毒的设计神器</a>
									<p><a href="">这篇文章一口气为大家带来10个有毒的设计神器 ，毒性有多强？包你上瘾！以下神器都是在线工具，无需下载。由于担心大家过目就忘，本人亲身试毒，制作了超多案例，希望能给大家一。</a></p>
									<h2 class="h2">
										<span class="fl">发表者：3年2班程远</span>
										<span class="fr f2">2018-4-23</span>
									</h2>
								</div>
							</li>
							<li class="clearfix">
							<div class="div1 fl">
							  	<a href="#"><img src="../images/yd.png"></a>
							  </div>
								<div class="save fr">
									<a href="#">一键帮你节省 69% 的设计时间：10个有毒的设计神器</a>
									<p><a href="">这篇文章一口气为大家带来10个有毒的设计神器 ，毒性有多强？包你上瘾！以下神器都是在线工具，无需下载。由于担心大家过目就忘，本人亲身试毒，制作了超多案例，希望能给大家一。</a></p>
									<h2 class="h2">
										<span class="fl">发表者：3年2班程远</span>
										<span class="fr f2">2018-4-23</span>
									</h2>
								</div>
							</li>
							<li class="clearfix">
							<div class="div1 fl">
							  	<a href="#"><img src="../images/yd.png"></a>
							  </div>
								<div class="save fr">
									<a href="#">一键帮你节省 69% 的设计时间：10个有毒的设计神器</a>
									<p><a href="">这篇文章一口气为大家带来10个有毒的设计神器 ，毒性有多强？包你上瘾！以下神器都是在线工具，无需下载。由于担心大家过目就忘，本人亲身试毒，制作了超多案例，希望能给大家一。</a></p>
									<h2 class="h2">
										<span class="fl">发表者：3年2班程远</span>
										<span class="fr f2">2018-4-23</span>
									</h2>
								</div>
							</li>
							<li class="clearfix">
							<div class="div1 fl">
							  	<a href="#"><img src="../images/yd.png"></a>
							  </div>
								<div class="save fr">
									<a href="#">一键帮你节省 69% 的设计时间：10个有毒的设计神器</a>
									<p><a href="">这篇文章一口气为大家带来10个有毒的设计神器 ，毒性有多强？包你上瘾！以下神器都是在线工具，无需下载。由于担心大家过目就忘，本人亲身试毒，制作了超多案例，希望能给大家一。</a></p>
									<h2 class="h2">
										<span class="fl">发表者：3年2班程远</span>
										<span class="fr f2">2018-4-23</span>
									</h2>
								</div>
							</li>
							<li class="clearfix">
							<div class="div1 fl">
							  	<a href="#"><img src="../images/yd.png"></a>
							  </div>
								<div class="save fr">
									<a href="#">一键帮你节省 69% 的设计时间：10个有毒的设计神器</a>
									<p><a href="">这篇文章一口气为大家带来10个有毒的设计神器 ，毒性有多强？包你上瘾！以下神器都是在线工具，无需下载。由于担心大家过目就忘，本人亲身试毒，制作了超多案例，希望能给大家一。</a></p>
									<h2 class="h2">
										<span class="fl">发表者：3年2班程远</span>
										<span class="fr f2">2018-4-23</span>
									</h2>
								</div>
							</li>
							
						</ul>
					</div>
				</div>
			</div>
			 <div class="Questions fr">
						<h2>
							<span class="fl">热门文章</span>
							<a href="#" class="fr moon">更多</a>
						</h2>
						<div class="element">
							<ul>
								<li>
								 <span>1</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
								<li>
								 <span>2</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
								<li>
								 <span>3</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
								<li>
								 <span>4</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
								<li>
								 <span>5</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
								<li>
								 <span>6</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
								<li>
								 <span>7</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
								<li>
								 <span>8</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
								<li>
								 <span>9</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
								<li>
								 <span>10</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
							</ul>
						</div>
					</div>
			 <div class="a4-30 fr">
			 	<h2>
				<span class="fl">编辑推荐</span>
				<a href="#" class="fr moon">更多</a>
				</h2>
				<div class="sheji">
					<a href="#">设计到底有哪些价值？让谷歌设计Leader来告...</a>
					<p>
						发布者：3年2班程远&nbsp;&nbsp;&nbsp;
					 <span>2018-4-25</span>
					</p>
					<a href="#">
						<img src="../images/04.jpg"/>
					</a>
				</div>
				<div class="sheji">
					<a href="#">设计到底有哪些价值？让谷歌设计Leader来告...</a>
					<p>
						发布者：3年2班程远&nbsp;&nbsp;&nbsp;
					 <span>2018-4-25</span>
					</p>
					<a href="#">
						<img src="../images/04.jpg"/>
					</a>
				</div>
				<div class="sheji">
					<a href="#">设计到底有哪些价值？让谷歌设计Leader来告...</a>
					<p>
						发布者：3年2班程远&nbsp;&nbsp;&nbsp;
					 <span>2018-4-25</span>
					</p>
					<a href="#">
						<img src="../images/04.jpg"/>
					</a>
				</div>
			 </div>		
			</div>
		<footer id="footer">
		   <div class="foot clearfix">
		    <div class="clearfix">
		       <ul>
		       <li><a href="#">网站首页</a></li>
		       <li><a href="#">视频教程</a></li>
		       <li><a href="#">技术文章</a></li>
		       <li><a href="#">辅助工具</a></li>
		       <li><a href="#">社区问答</a></li>
		       <li><a href="#">网站源码</a></li>
		       <li><a href="#">关于我们</a></li>
		       <li><a href="#">联系我们</a></li>
		     </ul>
		    </div>
		    <div class="img">
		       <ul>
		          <li><img src="../images/011.jpg"></li>
		          <li><img src="../images/011.jpg"></li>
		          <li><img src="../images/011.jpg"></li>
		          <li><img src="../images/011.jpg"></li>
		       </ul>
		   
		    </div>
		    <div class="imgs"> <p>网站备案号（蜀ICP备16022888号-3）</p>
		      <img src="../images/java-3_03.jpg" /></div>
		   </div>
		</footer>
	</body>
</html>
